<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 舞台：整合存放所有的svg图标，精灵图整体 -->
    <!-- 舞台：看不见，但是占位置，不合理 =》 一般都会让舞台定位，设置 opactiy：0 -->
    <svg>
        <symbol id="svg1" t="1653747320429" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="2252" xmlns:xlink="http://www.w3.org/1999/xlink">
            <defs>
                <style type="text/css"></style>
            </defs>
            <path d="M583.68 404.48m-256 0a256 256 0 1 0 512 0 256 256 0 1 0-512 0Z" fill="#FFD84A" p-id="2253"></path>
            <path
                d="M494.08 880.64c-190.72 0-345.6-154.88-345.6-345.6s154.88-345.6 345.6-345.6 345.6 154.88 345.6 345.6-154.88 345.6-345.6 345.6z m0-640c-162.56 0-294.4 131.84-294.4 294.4s131.84 294.4 294.4 294.4 294.4-131.84 294.4-294.4-131.84-294.4-294.4-294.4z"
                p-id="2254"></path>
            <path
                d="M849.92 901.12c-6.4 0-11.52-2.56-16.64-6.4l-128-107.52c-10.24-8.96-12.8-25.6-2.56-35.84 8.96-10.24 25.6-12.8 35.84-2.56l128 107.52c10.24 8.96 12.8 25.6 2.56 35.84-5.12 6.4-12.8 8.96-19.2 8.96z"
                p-id="2255"></path>
        </symbol>
    </svg>

    <!-- 使用层面 -->
    <svg>
        <use xlink:href="#svg1"></use>
    </svg>



    <script>

    </script>
</body>

</html>